<template>
	<view class="pt30">
		<view class="flex_sb h140 mb30 plr30 bf">
			<text>头像</text>
			<view class="w120 h120  border-r50p">
				<image :src="userInfo.head_img ||'/static/default_avatar.png'" mode="widthFix" style="width: 120upx;">
				</image>
			</view>
		</view>
		<view class="mb100 bf">
			<view class="flex_sb h100 plr30 bdb">
				<text>用户ID</text>
				<text>{{userInfo.user_id}}</text>
			</view>
			<view class="flex_sb h100 plr30 bdb">
				<text>昵称</text>
				<text>{{userInfo.nick_name}}</text>
			</view>
			<view class="flex_sb h100 plr30 bdb">
				<text>手机号码</text>
				<text class="pr10">{{userInfo.phone}}</text>
				<!-- <view class="flex_a">
					
					<u-icon name="arrow-right" color="#999" size="26"></u-icon>
				</view> -->
			</view>
			<!-- <view class="flex_sb h100 plr30 bdb">
				<text>身份证号</text>
				<text>{{userInfo.id_card}}</text>
			</view>
			<view class="flex_sb h100 plr30">
				<text>真实姓名</text>
				<text>{{userInfo.true_name}}</text>
			</view> -->

		</view>
		<!-- <view class="plr100 mb30"><u-button type="primary" shape="circle" @click="routerLink({path: '/pages/user/center/editInfo'})">修改个人信息</u-button></view> -->
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		},
		computed: {
			userInfo() {
				return this.$store.state.user.userInfo || {}
			}
		},
		onLoad() {

		},
	}
</script>

<style lang="scss">

</style>